<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ include file="/WEB-INF/views/include/constrant.jsp"%>
<html>
<head>
<meta name="decorator" content="front" />
<title>自助游车票</title>
<link href="${ctxStatic }/cityselector/cityselect.css" rel='stylesheet'type='text/css' />
<script type="text/javascript" src="${ctxStatic }/cityselector/cityselect.js"></script>
<style type="text/css">
.WdateDiv .dpButton{
	background-color: #88BF10;
}
.Wdate{
	height: 26px;
	border:1px solid #dddddd;
}
</style>
<script type="text/javascript">
$(function(){
	// 初始化站点选择框
	$.post('${ctxFront}/info/site/siteJson',{spottypes:'0,2'}, function(data) {
		var allCity = data;//['北京市#001#1|beijing|bj','上海市#002#0|shanghai|sh'];
		new Vcity.CitySelector({input:'boardaddrName',cityData:allCity});
		new Vcity.CitySelector({input:'offaddrName',cityData:allCity});
	});
	
	$('.realscheTab').click(function(){
		$('.realscheTab').removeClass('flex_con_top_action');
		$(this).addClass('flex_con_top_action');
		$('#realscheType').val($(this).attr('data-value'));
		changeDackDepartdate($(this).attr('data-value'));
	});
	
});
</script>
</head>
<body>
	<input type="hidden" id="menuInfo" value="indexRealsche">
	<!-- 轮播广告 -->
	<div id="banner_tabs" class="flexslider flexslider_height">
		<ul class="slides">
			<c:forEach items="${sysAdsList }" var="sysAds">
				<li>
					<a target="_blank" href="${pageContext.request.contextPath}/${sysAds.linkurl }">
						<img alt="" class="flexslider_height" style="background: url(${sysAds.pageurl }) no-repeat;background-position: center;" />
					</a>
				</li>
			</c:forEach>
		</ul>
		<ul class="flex-direction-nav">
			<li><a class="flex-prev" href="javascript:;">Previous</a></li>
			<li><a class="flex-next" href="javascript:;">Next</a></li>
		</ul>
		<ol id="bannerCtrl" class="flex-control-nav flex-control-paging">
			<c:forEach items="${sysAdsList }" var="sysAds" varStatus="vs">
				<li><a>${vs.index+1 }</a></li>
			</c:forEach>
		</ol>
		<div class="index_select">
			<div id="flex_con_3" class="flex_con2 font_normal_size">
				<form id="realscheForm" action="${ctxFront}/realsche/list" method="get">
					<input id="realscheType" type="hidden" name="schetype" />
					<div class="flex_con_all">
						<div style="height: 40px"></div>
						<div class="flex_con_line">
							<label class="display_ib">出发地</label>
							<input type="text" id="boardaddrName" data-autocity="yes" class="display_ib flex_select" name="boardaddrName" value="" placeholder="请输入出发地" autocomplete="off">
							<input type="hidden" name="boardaddr" value="">
						</div>
						<div class="flex_con_line">
							<label class="display_ib">目的地</label>
							<input type="text" id="offaddrName" class="display_ib flex_select" name="offaddrName" value="${shanghaidisini.sitename}" placeholder="请输入目的地" autocomplete="off">
							<input type="hidden" name="offaddr" value="${shanghaidisini.siteid}">
						</div>
						<div class="flex_con_line">
							<label class="display_ib">出发日期</label>
							<input type="text" name="departdateStr" readonly class="display_ib flex_input Wdate" value="${tomorrow }"
								onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false,minDate:'${today}'});"/>
						</div>
						<div class="flex_con_line hide" id="backDepartdateDiv">
							<label class="display_ib">返回日期</label>
							<input type="text" name="backDepartdateStr" id="backDepartdateStr" readonly class="display_ib flex_input Wdate" value="${today }"
								onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false});"/>
						</div>
						<div class="flex_con_line">
							<div class="float_r flex_con_search pointer" onclick="$('#realscheForm').submit();">
								搜索
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	<div class="con_hot">
		<div class="con_hot_title">
			<p class="font_large_size">热门旅行班车</p>
			<p class="font_normal_size">专车直达 方便快捷</p>
		</div>
		<div class="con_hot_city">
			<div class="con_hot_city_green">常州</div>
			<div class="con_hot_city_gray">上海</div>
			<div class="con_hot_city_gray">无锡</div>
			<div class="con_hot_city_gray">苏州</div>
			<div class="con_hot_city_gray">杭州</div>
			<div class="con_hot_city_gray">黄山</div>
			<div class="con_hot_city_gray">南京</div>
			<div class="con_hot_city_gray">合肥</div>
			<div class="con_hot_city_gray" style="margin: 0">扬州</div>
		</div>
		<div class="clear"></div>
		<div class="con_hot_product ">
			<div class="con_hot_product_col2 font_normal_size">
				<a href="${ctxFront }/realsche/list?boardaddrName=上海市&boardaddr=92&offaddrName=天目湖&offaddr=98&departdateStr=2016-12-28">
					<img src="${ctxStatic}/xiake/images/hot/tmh.png"/>
				</a>
				<div class="con_hot_product_col_p2">
					<span class="float_f">上海-天目湖直通车</span>  
					<span class="float_r">￥90起</span>
				</div>
			</div>
			<div class="con_hot_product_col2 font_normal_size">
				<a href="${ctxFront }/realsche/list?boardaddrName=无锡市&boardaddr=92&departdateStr=2016-12-28&offaddrName=无锡市&offaddr=94">
					<img src="${ctxStatic}/xiake/images/hot/nhw.png"/>
				</a>		
				<div class="con_hot_product_col_p2 con_hot_bg">
					<span class="float_f">上海-无锡拈花湾直通车</span>  
					<span class="float_r">￥85起</span>
				</div>
			</div>
			<div class="con_hot_product_col2 font_normal_size">
<%-- 				<a href="${ctxFront }/realsche/list?schetype=&boardaddr=92&offaddr=98&departdateStr=${today}">
 --%>					<img src="${ctxStatic}/xiake/images/hot/dfyc.png"/>
<!-- 				</a>
 -->				<div class="con_hot_product_col_p2">
					<span class="float_f">上海-东方盐湖城直通车</span>  
					<span class="float_r">￥95起</span>
				</div>
			</div>
			<div class="con_hot_product_col2 font_normal_size">
				<a href="${ctxFront }/realsche/list?boardaddrName=上海市&boardaddr=96&offaddrName=常熟市&offaddr=24&departdateStr=2016-12-10">
					<img src="${ctxStatic}/xiake/images/hot/sh.png"/>
				</a>
				<div class="con_hot_product_col_p2">
					<span class="float_f">上海-常熟尚湖、虞山直通车</span>  
					<span class="float_r">￥50起</span>
				</div>
			</div>
			
			<div class="clear"></div>
		</div>
		<!-- <div class="con_more font_normal_size">更多</div> -->
		<div class="con_more_repair"></div>
	</div>
	<div class="con_img hide">
		<img src="${ctxStatic}/xiake/images/realsche.png" />
	</div>
	<div class="con_character2">
		<div class="con_evaluate_title">
			<p class="font_large_size">订票流程</p>
		</div>
		<div class="con_character_c">
			<div class="con_character_f">
				<div class="con_character_i"><img src="${ctxStatic}/xiake/images/icon/icon_22.png"/></div>
				<div class="con_character_h2 font_larger_size">查询班车</div>
				<div class="con_character_h3 con_character_width font_normal_size">选择您乘车的出发地、目的地、时间，根据查询结果选择最符合您需求的车票。</div>
			</div>
			<div class="con_character_f">
				<div class="con_character_i"><img src="${ctxStatic}/xiake/images/icon/icon_24.png"/></div>
				<div class="con_character_h2 font_larger_size">填写订单</div>
				<div class="con_character_h3 con_character_width font_normal_size">填写乘客及联系人信息、选择您的上/下客地点</div>
			</div>
			<div class="con_character_f">
				<div class="con_character_i"><img src="${ctxStatic}/xiake/images/icon/icon_21.png"/></div>
				<div class="con_character_h2 font_larger_size">确认支付</div>
				<div class="con_character_h3 con_character_width font_normal_size">核对确认您的订单内容，选择适合您的付款方式，支付订单。</div>
			</div>
			<div class="con_character_f">
				<div class="con_character_i"><img src="${ctxStatic}/xiake/images/icon/icon_23.png"/></div>
				<div class="con_character_h2 font_larger_size">预定成功</div>
				<div class="con_character_h3 con_character_width font_normal_size">您将收到车票信息。司机将准备到达上客点，请您凭车票信息验票准点上车。</div>
			</div>
			<div class="clear"></div>
		</div>
	</div>
	<div class="con_character2">
		<div class="con_evaluate_title">
			<p class="font_large_size">产品特色</p>
		</div>
		<div class="con_character_c">
			<div class="con_character_f">
			
				<div class="con_character_i"><img class="con_character_img" src="${ctxStatic}/xiake/images/icon/icon_16.png"/></div>
				<div class="con_character_h2 font_larger_size">一人一坐</div>
				<div class="con_character_h2 font_larger_size">安全舒适</div>
			</div>
			<div class="con_character_f">
				<div class="con_character_i"><img class="con_character_img" src="${ctxStatic}/xiake/images/icon/icon_17.png"/></div>
				<div class="con_character_h2 font_larger_size">直达目的地</div>
				<div class="con_character_h2 font_larger_size">旅行更便捷</div>
		</div>
			<div class="con_character_f">
				<div class="con_character_i"><img class="con_character_img" src="${ctxStatic}/xiake/images/icon/icon_18.png"/></div>
				<div class="con_character_h2 font_larger_size">及时出票</div>
				<div class="con_character_h2 font_larger_size">无需漫长等待</div>
			</div>
			<div class="con_character_f">
				<div class="con_character_i"><img class="con_character_img" src="${ctxStatic}/xiake/images/icon/icon_20.png"/></div>
				<div class="con_character_h2 font_larger_size">支持退订改签</div>
				<div class="con_character_h2 font_larger_size">售后无忧 </div>
			</div>
			<div class="clear"></div>
		</div>
	</div>
</body>
</html>